<template>
  <div class="charge_info">

    <!--面包屑导航模板-->
    <!--<el-breadcrumb class="topNav" separator="/">-->
    <!--<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>-->
    <!--<el-breadcrumb-item>活动管理</el-breadcrumb-item>-->
    <!--<el-breadcrumb-item>活动列表</el-breadcrumb-item>-->
    <!--<el-breadcrumb-item>活动详情</el-breadcrumb-item>-->
    <!--</el-breadcrumb>-->

    <!--标题模板-->
    <el-row>
      <el-col :span="24"><div class="title-template">缴费信息</div></el-col>
    </el-row>


    <div class="info-template-content">
      <el-row class="item-row">
        <el-col :span="3" style="color: #666">缴费流水号</el-col>
        <el-col :span="19" style="color: #333">201712040012345</el-col>
      </el-row>
      <el-row class="item-row">
        <el-col :span="3" style="color: #666">缴费人员</el-col>
        <el-col :span="19" style="color: #333">上官飞燕</el-col>
      </el-row>
      <el-row class="item-row">
        <el-col :span="3" style="color: #666">所属机构</el-col>
        <el-col :span="19" style="color: #333">国务院</el-col>
      </el-row>
      <el-row class="item-row">
        <el-col :span="3" style="color: #666">缴费项目</el-col>
        <el-col :span="19" style="color: #333">保护费</el-col>
      </el-row>
      <el-row class="item-row">
        <el-col :span="3" style="color: #666">应缴金额</el-col>
        <el-col :span="19" style="color: #333">0</el-col>
      </el-row>
      <el-row class="item-row">
        <el-col :span="3" style="color: #666">实缴金额</el-col>
        <el-col :span="19" style="color: #333">0</el-col>
      </el-row>
      <el-row class="item-row">
        <el-col :span="3" style="color: #666">催缴次数</el-col>
        <el-col :span="19" style="color: #333">0</el-col>
      </el-row>
      <el-row class="item-row">
        <el-col :span="3" style="color: #666">提醒</el-col>
        <el-col :span="19" style="color: #333">提醒</el-col>
      </el-row>
      <el-row class="item-row">
        <el-col :span="3" style="color: #666">支付流水号</el-col>
        <el-col :span="19" style="color: #333">123</el-col>
      </el-row>
      <el-row class="item-row">
        <el-col :span="3" style="color: #666">支付时间</el-col>
        <el-col :span="19" style="color: #333">2017-12-4</el-col>
      </el-row>
      <el-row class="item-row">
        <el-col :span="3" style="color: #666">支付方式描述</el-col>
        <el-col :span="19" style="color: #333">POS</el-col>
      </el-row>
      <el-row class="item-row">
        <el-col :span="3" style="color: #666">支付状态</el-col>
        <el-col :span="19" style="color: #333">待缴费</el-col>
      </el-row>
      <el-row class="item-row" style="margin-bottom: 0">
        <el-col :span="3" style="color: #666">对账状态</el-col>
        <el-col :span="19" style="color: #333">未对账</el-col>
      </el-row>
    </div>

  </div>
</template>

<script>

  export default {
    data(){
      return{
        itemName:'',
        typeName: '',
        beginDate: '',
        endDate: '',
        desc: '这是项目描述',
        status: '正常'
      }
    },
    methods: {

    },
    created(){

//        console.log(row);
    }
  }
</script>

<style scoped>
  /*.charge_info .topNav{*/
    /*margin-left: 30px;*/
    /*margin-bottom: 20px;*/
  /*}*/
  .charge_info .title-template{
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    padding-left: 30px;
    margin-bottom: 10px;
    color: #333333;
    background: #ffffff;
  }

  .charge_info .info-template-content{
    background: #ffffff;
    padding: 50px;
  }
  .charge_info .item-row{
    margin-bottom: 50px;
    font-size: 16px;
  }

</style>

